const option = {
  "detail": {
    "name": "lm-test2",
    "width": 1600,
    "height": 900,
    "scale": 100,
    "backgroundImage": "https://oss.bladex.vip/caster/upload/20210909/e44749312dbf60a48426ac06a061a3d6.png",
    "url": "",
    "mark": {},
    "gradeShow": false,
    "gradeLen": 30,
    "query": {}
  },
  "component": [
    {
      "title": "雷达图",
      "name": "雷达图",
      "icon": "icon-radar",
      "img": "../img/radar.36c65c1c.png",
      "dataType": 0,
      "dataMethod": "get",
      "time": 5000,
      "url": "./radar",
      "data": {
        "indicator": [
          {
            "name": "销售",
            "max": 6500
          },
          {
            "name": "管理",
            "max": 16000
          },
          {
            "name": "信息技术",
            "max": 30000
          },
          {
            "name": "客服",
            "max": 38000
          },
          {
            "name": "研发",
            "max": 52000
          },
          {
            "name": "市场",
            "max": 25000
          }
        ],
        "series": [
          {
            "data": [
              {
                "value": [
                  4300,
                  10000,
                  28000,
                  35000,
                  50000,
                  19000
                ],
                "name": "预算分配（Allocated Budget）"
              },
              {
                "value": [
                  5000,
                  14000,
                  28000,
                  31000,
                  42000,
                  21000
                ],
                "name": "实际开销（Actual Spending）"
              }
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 688,
        "height": 247,
        "name": "radar",
        "prop": "radar"
      },
      "option": {
        "width": "100%",
        "height": 600,
        "titleShow": true,
        "title": "各部门开销",
        "subtext": "最近一个月",
        "titleColor": "#666",
        "tipBackgroundColor": "rgba(50,50,50,0.7)",
        "tipColor": "#fff",
        "shape": "polygon",
        "radius": "75%",
        "splitNumber": 4,
        "radarNameColor": "#fff",
        "radarNameSize": 18,
        "titleFontSize": 18,
        "areaOpacity": 0.1,
        "legend": true,
        "barColor": [
          {
            "color1": "#564AA3",
            "$index": 0
          },
          {
            "color1": "#188df0",
            "$index": 1
          }
        ],
        "switchTheme": false
      },
      "left": 564,
      "top": 624,
      "index": "c97a246e-0624-4fd9-8957-f2689e86bb66",
      "zIndex": 19
    },
    {
      "name": "饼图",
      "title": "饼图",
      "icon": "icon-pie",
      "img": "../img/pie.14e72c57.png",
      "dataType": 1,
      "dataMethod": "get",
      "time": 5000,
      "url": "./pie",
      "data": [
        {
          "name": "苹果",
          "value": 1000879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "三星",
          "value": 3400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "小米",
          "value": 2300879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "oppo",
          "value": 5400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "大疆",
          "value": 3000,
          "url": "http://www.baidu.com"
        },
        {
          "name": "抖音",
          "value": 2000,
          "url": "http://www.baidu.com"
        }
      ],
      "dataFormatter": "",
      "stylesFormatter": "",
      "resize": false,
      "component": {
        "width": 256.5,
        "height": 190.5,
        "name": "pie",
        "prop": "pie"
      },
      "option": {
        "legend": false,
        "labelShow": false,
        "barColor": [
          {
            "color1": "#83bff6",
            "$index": 0
          },
          {
            "color1": "#23B7E5",
            "$index": 1
          },
          {
            "color1": "rgba(154, 168, 212, 1)",
            "$index": 2
          },
          {
            "color1": "#188df0",
            "$index": 3
          },
          {
            "color1": "#564AA3",
            "$index": 4
          }
        ],
        "radius": true
      },
      "left": 1321.5,
      "top": 678,
      "index": "1cf40fd9-05d0-4dec-8542-17dbd3ad5090",
      "zIndex": 18
    },
    {
      "name": "饼图",
      "title": "饼图",
      "icon": "icon-pie",
      "img": "../img/pie.14e72c57.png",
      "dataType": 1,
      "dataMethod": "get",
      "time": 5000,
      "url": "./pie",
      "data": [
        {
          "name": "苹果",
          "value": 1000879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "三星",
          "value": 3400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "小米",
          "value": 2300879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "oppo",
          "value": 5400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "大疆",
          "value": 3000,
          "url": "http://www.baidu.com"
        },
        {
          "name": "抖音",
          "value": 2000,
          "url": "http://www.baidu.com"
        }
      ],
      "dataFormatter": "",
      "stylesFormatter": "",
      "resize": false,
      "component": {
        "width": 219,
        "height": 187.5,
        "name": "pie",
        "prop": "pie"
      },
      "option": {
        "legend": false,
        "labelShow": false,
        "barColor": [
          {
            "color1": "#83bff6",
            "$index": 0
          },
          {
            "color1": "#23B7E5",
            "$index": 1
          },
          {
            "color1": "rgba(154, 168, 212, 1)",
            "$index": 2
          },
          {
            "color1": "#188df0",
            "$index": 3
          },
          {
            "color1": "#564AA3",
            "$index": 4
          }
        ],
        "radius": true
      },
      "left": 1342.5,
      "top": 562.5,
      "index": "472295d4-7039-43f4-bbf2-cf44d7e06e0e",
      "zIndex": 17
    },
    {
      "name": "柱状图",
      "title": "柱状图",
      "icon": "icon-bar",
      "img": "../img/bar.179e480c.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "个人",
          "零售",
          "公司"
        ],
        "series": [
          {
            "name": "月发放",
            "itemStyle": {
              "color": "red"
            },
            "data": [
              70,
              80,
              300
            ]
          },
          {
            "name": "截发放1",
            "data": [
              50,
              60,
              70
            ]
          },
          {
            "name": "截放2",
            "data": [
              50,
              60,
              50
            ]
          },
          {
            "name": "截放3",
            "data": [
              50,
              60,
              70
            ]
          },
          {
            "name": "截放4",
            "data": [
              50,
              60,
              70
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 361.5,
        "height": 238.5,
        "name": "bar",
        "prop": "bar"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "legend": false,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowColor": "#fff",
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 5,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "barMinHeight": 2
      },
      "left": 1105.5,
      "top": 67.5,
      "index": "e4ae7c1b-fea8-4e2c-b458-3f60c2630cb5",
      "zIndex": 16
    },
    {
      "name": "折线图",
      "title": "折线图",
      "icon": "icon-line",
      "img": "../img/line.d9ed6cf6.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "公司",
          "零售",
          "个人",
          "信用卡",
          "合计"
        ],
        "series": [
          {
            "name": "邮件营销",
            "type": "line",
            "stack": "总量",
            "data": [
              120,
              132,
              101,
              134,
              90,
              230,
              210
            ]
          },
          {
            "name": "联盟广告",
            "type": "line",
            "stack": "总量",
            "data": [
              220,
              182,
              191,
              234,
              290,
              330,
              310
            ]
          },
          {
            "name": "视频广告",
            "type": "line",
            "stack": "总量",
            "data": [
              150,
              232,
              201,
              154,
              190,
              330,
              410
            ]
          },
          {
            "name": "直接访问",
            "type": "line",
            "stack": "总量",
            "data": [
              320,
              332,
              301,
              334,
              390,
              330,
              320
            ]
          },
          {
            "name": "搜索引擎",
            "type": "line",
            "stack": "总量",
            "data": [
              820,
              932,
              901,
              934,
              1290,
              1330,
              1320
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 490.5,
        "height": 300,
        "name": "line",
        "prop": "line"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "lineWidth": 5,
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 30,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "symbolSize": 6,
        "smooth": false,
        "barMinHeight": 2,
        "areaStyle": true
      },
      "left": 1041,
      "top": 294,
      "index": "ae559a15-9e8e-4afc-b779-541a359b8bab",
      "zIndex": 15
    },
    {
      "name": "柱状图",
      "title": "柱状图",
      "icon": "icon-bar",
      "img": "../img/bar.179e480c.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "苹果",
          "三星",
          "小米",
          "oppo",
          "vivo"
        ],
        "series": [
          {
            "name": "邮件营销",
            "type": "line",
            "stack": "总量",
            "data": [
              120,
              132,
              101,
              134,
              90,
              230,
              210
            ]
          },
          {
            "name": "联盟广告",
            "type": "line",
            "stack": "总量",
            "data": [
              220,
              182,
              191,
              234,
              290,
              330,
              310
            ]
          },
          {
            "name": "视频广告",
            "type": "line",
            "stack": "总量",
            "data": [
              150,
              232,
              201,
              154,
              190,
              330,
              410
            ]
          },
          {
            "name": "直接访问",
            "type": "line",
            "stack": "总量",
            "data": [
              320,
              332,
              301,
              334,
              390,
              330,
              320
            ]
          },
          {
            "name": "搜索引擎",
            "type": "line",
            "stack": "总量",
            "data": [
              820,
              932,
              901,
              934,
              1290,
              1330,
              1320
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 219,
        "height": 177,
        "name": "bar",
        "prop": "bar"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "legend": false,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowColor": "#fff",
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 5,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "barMinHeight": 2,
        "category": true
      },
      "left": 1128,
      "top": 654,
      "index": "620e340f-b149-40b9-a5e2-922ea86d5ab1",
      "zIndex": 14
    },
    {
      "name": "柱状图",
      "title": "柱状图",
      "icon": "icon-bar",
      "img": "../img/bar.179e480c.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "苹果",
          "三星",
          "小米",
          "oppo",
          "vivo"
        ],
        "series": [
          {
            "name": "手机品牌",
            "data": [
              10,
              30,
              20,
              50,
              40
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 240,
        "height": 247.5,
        "name": "bar",
        "prop": "bar"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "legend": false,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": true,
        "labelShowColor": "#fff",
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 5,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "barMinHeight": 2,
        "category": true
      },
      "left": 478.5,
      "top": 603,
      "index": "5038787f-ecca-4759-9b13-4fc54e1735a3",
      "zIndex": 13
    },
    {
      "name": "地图",
      "title": "地图",
      "icon": "icon-map",
      "img": "../img/map.8bf92896.png",
      "data": [],
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 237.5,
        "height": 234.5,
        "name": "map",
        "prop": "map"
      },
      "option": {
        "borderWidth": 1,
        "scale": 87,
        "type": 0,
        "borderColor": "#0dffff",
        "areaColor": "#061d33",
        "banner": true,
        "bannerTime": 3000,
        "fontSize": 14,
        "zoom": 0.2,
        "empAreaColor": "rgba(35, 183, 229, 0.42)",
        "empColor": "#fff",
        "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
        "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1377213216088510466",
        "color": "rgba(13, 255, 255, 1)"
      },
      "left": 802.5,
      "top": 310.5,
      "index": "e867d90f-3371-46c8-8c4d-bd275f8f1529",
      "zIndex": 12
    },
    {
      "name": "地图",
      "title": "地图",
      "icon": "icon-map",
      "img": "../img/map.8bf92896.png",
      "data": [],
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 299,
        "height": 230,
        "name": "map",
        "prop": "map"
      },
      "option": {
        "borderWidth": 1,
        "scale": 87,
        "type": 0,
        "borderColor": "#0dffff",
        "areaColor": "#061d33",
        "banner": true,
        "bannerTime": 3000,
        "fontSize": 14,
        "zoom": 0.2,
        "empAreaColor": "rgba(35, 183, 229, 0.42)",
        "empColor": "#fff",
        "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
        "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1371722668783292418",
        "color": "transparent"
      },
      "left": 478.5,
      "top": 306,
      "index": "ee8ae054-3d3b-42c8-880a-fb87db6b51fc",
      "zIndex": 11
    },
    {
      "name": "地图",
      "title": "地图",
      "icon": "icon-map",
      "img": "../img/map.8bf92896.png",
      "data": [],
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 305,
        "height": 278,
        "name": "map",
        "prop": "map"
      },
      "option": {
        "borderWidth": 1,
        "scale": 87,
        "type": 0,
        "borderColor": "#0dffff",
        "areaColor": "#061d33",
        "banner": true,
        "bannerTime": 3000,
        "fontSize": 14,
        "zoom": 0.2,
        "empAreaColor": "rgba(35, 183, 229, 0.42)",
        "empColor": "#fff",
        "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
        "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1376446601772257281",
        "color": "rgba(13, 255, 255, 1)"
      },
      "left": 772.5,
      "top": 37.5,
      "index": "032d6cc0-5bc2-4021-8b12-29dfcea44c4f",
      "zIndex": 10
    },
    {
      "name": "地图",
      "title": "地图",
      "icon": "icon-map",
      "img": "../img/map.8bf92896.png",
      "data": [],
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 236,
        "height": 237.5,
        "name": "map",
        "prop": "map"
      },
      "option": {
        "borderWidth": 1,
        "scale": 87,
        "type": 0,
        "borderColor": "#0dffff",
        "areaColor": "rgba(32, 47, 62, 1)",
        "banner": true,
        "bannerTime": 3000,
        "fontSize": 14,
        "zoom": 0.2,
        "empAreaColor": "rgba(35, 183, 229, 0.42)",
        "empColor": null,
        "index": "894edc1d-d2f0-4616-962c-8e61083ada71",
        "mapData": "https://data.bladex.vip/blade-visual/map/data?id=1235113201392246785",
        "color": "transparent"
      },
      "left": 517.5,
      "top": 60,
      "index": "2fb1ba0c-a4bf-43a3-80c4-7d0a38038af2",
      "zIndex": 9,
      "dataType": 0
    },
    {
      "title": "表格",
      "name": "表格",
      "icon": "icon-table",
      "img": "../img/table.215c94c3.png",
      "top": 672,
      "left": 270,
      "dataType": 0,
      "data": [
        {
          "type1": "数据1",
          "type2": "数据1"
        },
        {
          "type1": "数据2",
          "type2": "数据2"
        },
        {
          "type1": "数据3",
          "type2": "数据3"
        },
        {
          "type1": "数据4",
          "type2": "数据4"
        }
      ],
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 227,
        "height": 114.5,
        "name": "table",
        "prop": "table"
      },
      "option": {
        "columnShow": true,
        "columnViews": true,
        "headerBackground": "rgba(30, 144, 255, 1)",
        "headerColor": "rgba(241, 242, 245, 1)",
        "headerTextAlign": "center",
        "bodyBackground": "rgba(0, 0, 0, 0.01)",
        "bodyColor": "rgba(0, 0, 0, 1)",
        "borderColor": "rgba(51, 65, 107, 1)",
        "bodyTextAlign": "center",
        "column": [
          {
            "label": "车牌号",
            "prop": "type1",
            "$index": 0,
            "$hide": ""
          },
          {
            "label": "驾驶员",
            "prop": "type2",
            "$index": 1,
            "$hide": ""
          },
          {
            "label": "里程",
            "prop": "type3",
            "$index": 2,
            "$hide": ""
          },
          {
            "label": "油耗",
            "prop": "type4",
            "$index": 3,
            "$hide": ""
          }
        ],
        "align": "center",
        "headerAlign": "center",
        "header": false,
        "scroll": true,
        "scrollTime": 10000,
        "fontSize": 15,
        "count": 4,
        "nthColor": "rgba(127, 185, 242, 1)",
        "othColor": "rgba(164, 205, 244, 1)",
        "index": true,
        "scrollCount": 1,
        "menu": false
      },
      "index": "f759bb14-390d-4e52-885e-76a69969c255",
      "zIndex": 8
    },
    {
      "name": "柱状图",
      "title": "柱状图",
      "icon": "icon-bar",
      "img": "../img/bar.179e480c.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "个人",
          "零售",
          "公司"
        ],
        "series": [
          {
            "name": "月发放",
            "itemStyle": {
              "color": "red"
            },
            "data": [
              70,
              80,
              300
            ]
          },
          {
            "name": "截发放1",
            "data": [
              50,
              60,
              70
            ]
          },
          {
            "name": "截放2",
            "data": [
              50,
              60,
              50
            ]
          },
          {
            "name": "截放3",
            "data": [
              50,
              60,
              70
            ]
          },
          {
            "name": "截放4",
            "data": [
              50,
              60,
              70
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 211.5,
        "height": 258,
        "name": "bar",
        "prop": "bar"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 0,
        "gridY2": 0,
        "legend": true,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowColor": "#fff",
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 5,
        "barRadius": 0,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "barMinHeight": 2,
        "category": true,
        "legendPostion": "center",
        "legendOrient": "horizontal"
      },
      "left": -4.5,
      "top": 610.5,
      "index": "eae5960d-cc18-4e37-8017-0f07f30df481",
      "zIndex": 7
    },
    {
      "title": "选项卡",
      "name": "选项卡",
      "icon": "icon-tabs",
      "img": "../img/tabs.57b2d914.png",
      "child": {
        "index": [
          "09ab334c-1267-4681-8b74-95b2cd81ff42",
          "a039dc9f-2936-45cc-8f0d-0ecf414e336a"
        ],
        "paramName": "dsfdshfds"
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "dataType": 0,
      "data": [
        {
          "label": "选项卡1",
          "value": "1"
        },
        {
          "label": "选项卡2",
          "value": "2"
        }
      ],
      "component": {
        "width": 305.91,
        "height": 17.71,
        "name": "tabs",
        "prop": "tabs"
      },
      "option": {
        "type": "tabs",
        "color": "#eee",
        "empColor": "#4dffff",
        "fontSize": 20,
        "split": 8,
        "empBackgroundImage": "../img/banner/banner5.png",
        "backgroundImage": "../img/banner/banner4.png"
      },
      "left": 100.5,
      "top": 273,
      "index": "5bff09bb-63ca-40ce-885e-ef350d237021",
      "zIndex": 6
    },
    {
      "title": "文本框",
      "name": "文本框",
      "icon": "icon-text",
      "img": "../img/text.852a3c54.png",
      "dataType": 0,
      "dataFormatter": "",
      "stylesFormatter": "",
      "data": {
        "value": "资产质量"
      },
      "component": {
        "width": 100,
        "height": 40,
        "name": "text",
        "prop": "text"
      },
      "option": {
        "textAlign": "center",
        "fontSize": 14,
        "fontWeight": "normal",
        "color": "#fff",
        "split": 0,
        "lineHeight": 0
      },
      "left": 0,
      "top": 289.5,
      "index": "64edb3d5-1b43-47ad-88e0-520fdc681d22",
      "zIndex": 5
    },
    {
      "name": "折线图",
      "title": "折线图",
      "icon": "icon-line",
      "img": "../img/line.d9ed6cf6.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "公司",
          "零售",
          "个人",
          "信用卡",
          "合计"
        ],
        "series": [
          {
            "name": "邮件营销",
            "type": "line",
            "stack": "总量",
            "data": [
              120,
              132,
              101,
              134,
              90,
              230,
              210
            ]
          },
          {
            "name": "联盟广告",
            "type": "line",
            "stack": "总量",
            "data": [
              220,
              182,
              191,
              234,
              290,
              330,
              310
            ]
          },
          {
            "name": "视频广告",
            "type": "line",
            "stack": "总量",
            "data": [
              150,
              232,
              201,
              154,
              190,
              330,
              410
            ]
          },
          {
            "name": "直接访问",
            "type": "line",
            "stack": "总量",
            "data": [
              320,
              332,
              301,
              334,
              390,
              330,
              320
            ]
          },
          {
            "name": "搜索引擎",
            "type": "line",
            "stack": "总量",
            "data": [
              820,
              932,
              901,
              934,
              1290,
              1330,
              1320
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 384,
        "height": 300,
        "name": "line",
        "prop": "line"
      },
      "option": {
        "gridX": 90,
        "gridY": 0,
        "gridX2": 109,
        "gridY2": 0,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "lineWidth": 2,
        "xNameFontSize": 16,
        "yNameFontSize": 16,
        "labelShow": false,
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": false,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 30,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "symbolSize": 10,
        "smooth": false,
        "barMinHeight": 2,
        "category": false,
        "legend": true,
        "legendPostion": "right",
        "legendOrient": "vertical"
      },
      "left": -27,
      "top": 282,
      "index": "09ab334c-1267-4681-8b74-95b2cd81ff42",
      "zIndex": 4,
      "dataQuery": "{\"www\":\"1\"}"
    },
    {
      "name": "饼图",
      "title": "饼图",
      "icon": "icon-pie",
      "img": "../img/pie.14e72c57.png",
      "dataType": 0,
      "dataMethod": "get",
      "time": 5000,
      "url": "./pie",
      "data": [
        {
          "name": "111",
          "value": 1000879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "222",
          "value": 3400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "333",
          "value": 2300879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "444",
          "value": 5400879,
          "url": "http://www.baidu.com"
        },
        {
          "name": "555",
          "value": 3000,
          "url": "http://www.baidu.com"
        },
        {
          "name": "666",
          "value": 2000,
          "url": "http://www.baidu.com"
        }
      ],
      "dataFormatter": "",
      "stylesFormatter": "",
      "resize": false,
      "component": {
        "width": 202.5,
        "height": 154.5,
        "name": "pie",
        "prop": "pie"
      },
      "option": {
        "legend": false,
        "labelShow": false,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "",
            "postion": 6,
            "$index": 0
          },
          {
            "color1": "#23B7E5",
            "$index": 1
          },
          {
            "color1": "rgba(154, 168, 212, 1)",
            "$index": 2
          },
          {
            "color1": "#188df0",
            "$index": 3
          },
          {
            "color1": "#564AA3",
            "$index": 4
          }
        ],
        "radius": true,
        "roseType": false,
        "sort": false,
        "notCount": false,
        "switchTheme": false,
        "lineColor": "rgba(232, 30, 30, 1)"
      },
      "left": 214.5,
      "top": 75,
      "index": "bb9d4e38-4bb3-4af9-8c13-35713119fb93",
      "zIndex": 3,
      "display": false
    },
    {
      "title": "文本框",
      "name": "文本框",
      "icon": "icon-text",
      "img": "../img/text.852a3c54.png",
      "dataType": 0,
      "dataFormatter": "",
      "stylesFormatter": "",
      "data": {
        "value": "发展情况"
      },
      "component": {
        "width": 100,
        "height": 40,
        "name": "text",
        "prop": "text"
      },
      "option": {
        "textAlign": "center",
        "fontSize": 14,
        "fontWeight": "normal",
        "color": "rgba(255, 255, 255, 1)",
        "split": 0,
        "lineHeight": 0,
        "backgroundColor": "rgba(52, 50, 50, 0.02)"
      },
      "left": 81,
      "top": 61.5,
      "index": "6481c92b-73ad-4e40-b2a6-026bca8030ae",
      "zIndex": 2
    },
    {
      "name": "柱状图",
      "title": "柱状图",
      "icon": "icon-bar",
      "img": "../img/bar.179e480c.png",
      "dataType": 0,
      "dataMethod": "get",
      "data": {
        "categories": [
          "拆放非银",
          "全行票据",
          "ABS发行",
          "信用卡中心",
          "远程银行",
          "个人贷款",
          "零售贷款",
          "公司贷款"
        ],
        "series": [
          {
            "name": "月发放",
            "stack": "total",
            "itemStyle": {
              "color": "red"
            },
            "data": [
              70,
              80,
              300,
              200,
              60,
              50,
              190,
              80
            ]
          },
          {
            "name": "截发放1",
            "stack": "total",
            "data": [
              50,
              60,
              70,
              70,
              80,
              80,
              50,
              60
            ]
          },
          {
            "name": "截放2",
            "stack": "total",
            "data": [
              50,
              60,
              50,
              70,
              80,
              70,
              80,
              200
            ]
          },
          {
            "name": "截放3",
            "stack": "total",
            "data": [
              50,
              60,
              70,
              80,
              50,
              70,
              80,
              80
            ]
          },
          {
            "name": "截放4",
            "stack": "total",
            "data": [
              50,
              60,
              70,
              80,
              50,
              70,
              80,
              100
            ]
          }
        ]
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "url": "./bar",
      "time": 5000,
      "component": {
        "width": 279.98,
        "height": 224.28,
        "name": "bar",
        "prop": "bar"
      },
      "option": {
        "gridX": 74,
        "gridY": 39,
        "gridX2": 0,
        "gridY2": 0,
        "legend": true,
        "nameColor": "#eee",
        "lineColor": "#eee",
        "xNameFontSize": 16,
        "yNameFontSize": 10,
        "labelShow": false,
        "labelShowColor": "#fff",
        "labelShowFontSize": 14,
        "labelShowFontWeight": 300,
        "yAxisInverse": true,
        "xAxisInverse": false,
        "xAxisShow": true,
        "yAxisShow": true,
        "xAxisSplitLineShow": false,
        "yAxisSplitLineShow": false,
        "barWidth": 5,
        "barRadius": 8,
        "barColor": [
          {
            "color1": "#83bff6",
            "color2": "#188df0",
            "postion": 90,
            "$index": 0,
            "_show": true
          },
          {
            "color1": "#23B7E5",
            "color2": "#564AA3",
            "postion": 50,
            "$index": 1,
            "_show": true
          }
        ],
        "barMinHeight": 2,
        "category": true,
        "legendPostion": "center",
        "legendOrient": "horizontal",
        "title": "发展情况",
        "titleColor": "#fff",
        "titleFontSize": 14,
        "titlePostion": "left",
        "titleShow": false
      },
      "left": -18.38,
      "top": 62.44,
      "index": "eb0edea4-b189-4e21-a230-ea3531391aae",
      "zIndex": 1
    },
    {
      "title": "图片",
      "name": "图片",
      "icon": "icon-img",
      "img": "../img/img.97e50755.png",
      "top": 0,
      "left": 0,
      "dataType": 0,
      "data": {
        "value": "https://oss.bladex.vip/caster/upload/20210909/339f817bf0dc87c1bd4faae344e54797.png"
      },
      "dataFormatter": "",
      "stylesFormatter": "",
      "component": {
        "width": 1579.22,
        "height": 38.74,
        "name": "img",
        "prop": "img"
      },
      "option": {
        "duration": "1000",
        "opacity": 0
      },
      "index": "bc3e1bf2-aae5-44c9-85e5-be8ed48ca6f2",
      "zIndex": 0
    }
  ]
}